*{font-size: 14px;}
.panel-body{padding: 25px 20px 7px 20px;}
.warn-panel{width: 790px;margin: auto;border: 5px solid #7b858c;border-radius: 3px;position: relative;}
.self-panel-heading{height: 50px;text-align: center;background-color: #2d495a;font-size: 20px;font-weight: bold;color: white;letter-spacing: 1px;}

.warn-panel .item-title{font-size: 14px;font-weight: bold;color: #333;padding-bottom: 5px;}
.warn-panel .interface-input{/*padding-top: 0;padding-bottom: 0;height: 30px;*/background-color: #fff;border-color: #ddd;width: 140px;font-size: 14px;pointer-events: none;}
.warn-panel .interface-btn{background-color: #1c8eb6;width: 32px;}
.warn-panel .interface-btn .caret{border-top: 8px dashed;border-top: 8px solid #fff;border-right: 8px solid transparent;border-left: 8px solid transparent;}

.warn-panel .item-body{padding-left: 15px;margin-bottom: 22px;}.warn-panel .item-body label{margin-left: 40px;}

.warn-panel .self-nav{font-size: 14px;font-weight: bold;border-bottom: transparent;}
.warn-panel .self-nav a, .warn-panel .self-nav a:hover{width: 180px;height: 40px;background-color: #eff6f8;padding-right: 0;margin-right: 0;border:1px solid #d2d2d2;border-radius: 0;text-align: center;cursor: pointer;border-left: transparent !important; }
ul, li{list-style: none;}
.warn-panel .nav-panel{border: 1px solid #d2d2d2;border-top: transparent;width: 720px;padding: 0;height: 160px; }
.warn-panel .nav-panel >div{padding-top: 25px;padding-left: 15px;}
.warn-panel .nav-panel .span{/*width: 100px;*/display: inline-block;}
.warn-panel .nav-panel .item-li{margin-bottom: 12px;}
.warn-panel .interface-text{height: 34px;border: 1px solid #d2d2d2;margin-left: 15px;padding-left: 8px;border-radius: 4px;width: 140px;}
.warn-panel .tip{color: #999;font-size: 10px;padding: 10px 0;}

.warn-panel .notice-type{height: 44px;clear: both;}
.warn-panel .notice-type span{display: inline-block;height: 40px;vertical-align: middle;line-height: 40px;float: left;}
.warn-panel .notice-type .select-item{float: left;margin-left: 20px;margin-right: 40px;cursor: pointer;}
.warn-panel .notice-type span:nth-child(1){background-color: #eff6f8;border: 1px solid #d2d2d2;width: 140px;text-align: center;font-weight: bold;}
.warn-panel .notice-type span:nth-child(2){border: 1px solid #e8e8e8;width: 580px;}
.warn-panel .warn-tip-icon{display: inline-block;width: 24px;height: 24px;vertical-align: middle;background: url("../img/panel-icons.png") -62px 2px no-repeat;margin-left: 4px;}

.warn-tip-ct{border: 1px solid #e4e7f2;position: absolute;z-index: 100;padding: 8px 10px;width: 200px;border-radius: 4px;left: 550px;background-color: #fff;}
.left-arrow-ct{position: absolute;left: -8px;top: calc(50% - 8px);line-height: 1.2;}
.left-arrow-bg{width: 0;height: 0;border-right: 8px solid #e4e7f2;border-top: 8px solid transparent;border-bottom: 8px solid transparent;
    position: absolute;display: inline-block;}
.left-arrow-mask{width: 0;height: 0;border-right: 8px solid #fff;border-top: 8px solid transparent;border-bottom: 8px solid transparent;
    position: absolute;display: inline-block;left:2px;}

.check-ico{display: inline-block;vertical-align: middle;width: 20px;height: 20px;background: url("../img/panel-icons.png") -84px -1px no-repeat;}
.on .check-ico{background-position: -104px -1px;}

.notice-group span{display: inline-block;height: 40px;line-height: 40px;background-color: #eff6f8;border: 1px solid #d2d2d2;text-align: center;font-weight: bold;}
.notice-group span:nth-child(1), .notice-group span:nth-child(2){width: 120px;}
.notice-group span:nth-child(3), .notice-group span:nth-child(2){border-left: transparent;}
.notice-group span:nth-child(3){width: 480px;}
.warn-panel .notice-body > *{float: left;overflow-y: auto;}
.warn-panel .notice-body{height: 200px;}
.warn-panel .notice-body li{height: 40px;line-height: 40px;text-align: center;border-left: 8px solid #fff;cursor: pointer;}
.warn-panel .notice-body .department-ul, .warn-panel .notice-body .user-ul{border: 1px solid #d2d2d2;width: 120px;padding: 0;margin: 0;border-top: transparent;overflow-y: auto;height: 201px;}
.warn-panel .notice-body .department-ul .active, .warn-panel .notice-body .department-ul li:hover{background-color: #8bd7f1;color: #fff;border-left: 8px solid #29a8d4;}

.warn-panel .notice-body .user-ul .active, .warn-panel .notice-body .user-ul li:hover{background-color: #e8f7fc;}
.warn-panel .notice-body .user-ul{width: 119px;border-left: transparent;border-top: transparent;border-right: transparent;}
.warn-panel .notice-body .user-ul li{border: 0;}

.warn-panel .notice-body .tb-ct{padding: 12px 0 12px 20px;border: 1px solid #d2d2d2;border-top: transparent;width: 481px;height: 201px;overflow-y: auto;overflow-x: hidden;}
.warn-panel .notice-body .tb-ct a{cursor: pointer;}
.warn-panel .notice-body table{width: 440px;}
.warn-panel .notice-body table tr, .warn-panel .notice-body table td{border: 1px solid #d2d2d2;}
.warn-panel .notice-body thead td{font-weight: bold;}
.warn-panel .notice-body td{text-align: center;height: 40px;}

.warn-panel .panel-bottom{text-align: center;padding: 0px 0 20px;}
.warn-panel .index-text{width: 650px;border: 1px solid #d2d2d2;height: 30px;padding-left: 15px;border-radius: 4px;}
.warn-panel .tb-ct .select-item{display:inline-block;margin-left: 20px;cursor: pointer;}
.warn-panel .tb-ct td:nth-child(3){width: 40%;}

.reset-btn{padding: 6px 32px;color: #333;background-color: #fff;-webkit-appearance: none;border: 1px solid #d2d2d2;border-radius: 4px;}
.save-btn{padding: 6px 32px;color: #fff;background-color: #1c8eb6;-webkit-appearance: none;border: 1px solid #1c8eb6;border-radius: 4px;margin-left: 30px;}

.panel .close-btn{border: transparent;position: absolute;float: right;top:12px;right: 12px;background: url("../img/panel-icons.png") -18px 1px no-repeat;width: 25px;height: 25px;}
.nav-panel > div{display: none;}
.nav-panel .active{display: block !important;}

.template-panel .template-left{float: left;width: 500px;}
.template-panel .template-right{float: left;width: 215px;margin-left: 25px;}
.template-right .item-body{width: 200px;height: 480px;background-color: #f7f7f7;overflow-y: auto;padding: 20px 10px;}
.template-right .item-data em{color: #fe840c;font-weight: bold;font-size: 16px;font-style: normal;}
.template-right .item-data span:nth-child(1){float: left}.template-right .item-data span:nth-child(2){float: right;}
.template-right .item-data:after{clear: both;}
.template-right .item-data{width: 100%;}

/* 设置预警模态框 */
.warn-modal{width: 522px;}
.warn-modal .modal-header{background-color: #2c495b;color: #fff;text-align: center;padding: 12px;}
.warn-modal .modal-title{font-weight: bold;letter-spacing: 1px;}
.warn-modal .close{color: #fff;opacity:1;font-size: 28px;font-weight: normal;}
/*.warn-modal .modal-content{border: 5px solid #7d8a90;width: 522px;}*/
.warn-modal .modal-footer{text-align: center;}
.warn-modal .add-btn{background-color: #01ace4;color: #fff;border: transparent;outline: none;width: 75px;height: 40px;padding: 0;float: right;}
.warn-modal span{font-size: 16px;color: #666;letter-spacing: 1px;}.warn-modal .item > *{vertical-align: middle;}
.warn-modal .item:nth-child(1){height: 40px;line-height: 40px;}
.warn-modal .panel-input{height: 26px;width: 75px;border: 1px solid #b4bbc3;line-height: 26px;padding:0;text-align:center;background-color: #fff;}
.warn-modal .panel-btn{height: 26px;width: 26px;padding: 0;line-height: 26px;text-align: center;border: 1px solid #b4bbc1;}
.warn-modal .block-span{margin-left: 28px}
.warn-modal .item:nth-child(2){margin-bottom: 15px;}
.warn-modal .item:nth-child(3){margin-bottom: 20px;}
.warn-modal .item:nth-child(4){margin-bottom: 20px;}
.warn-modal .item:nth-child(5){margin-bottom: 20px;}
.warn-modal .item:nth-child(6){padding-left: 95px;}
.warn-modal .item input[type="checkbox"]{margin-left: 26px;vertical-align: top;margin-right: 10px;}
.warn-modal .item input[type="checkbox"]:after{background-color: #1ba8d6;}
/*.warn-modal .item .val-input{float: right;}
.warn-modal .item .val-input:after{clear: both;zoom: 1;}*/
.warn-modal .val-input-ct{padding-top:10px; }
.warn-modal .val-input{border: 1px solid #01ace4;width: 350px;height: 38px;padding-left: 15px;}
/*.warn-modal .dropdown-menu, .warn-modal .dropdown-menu li{width: 100px;}*/
.warn-modal .modal-footer{border-top: transparent;padding: 35px 15px;}
.modal-footer .btn{background-color: #2c495b;width: 210px;height: 40px;font-size: 18px;font-weight: bold;}
.warn-modal .cursor_ct{width: 50px;height: 24px;border: 1px solid #b4bbc1;border-radius: 24px;display: inline-block;vertical-align: middle;position: relative;cursor: pointer;}
.warn-modal .cursor{width: 24px;height: 24px;border: 1px solid #b4bbc1;position: absolute;border-radius: 50%;top:-1px;left: -1px;transition: left 1s;
    -moz-transition: left 1s; /* Firefox 4 */
    -webkit-transition: left 1s; /* Safari 和 Chrome */
    -o-transition: left 1s;}
.warn-modal .cursor-acc{float: right;margin-right: 40px;margin-top: 4px;color: #fea8a9;}
.warn-modal .val-input::-webkit-input-placeholder {color:#999;}
.warn-modal .val-input:-moz-placeholder {color:#999;}
.warn-modal .val-input::-moz-placeholder {color:#999;}
.warn-modal .val-input:-ms-input-placeholder {color:#999;}








